let n = 1,i ='';

$(function(){
    var interval = setInterval("imgChange(n)",3000);

    $('.items').mouseenter(function(){
        clearInterval(interval);

        i=$('.items').index(this);
        imgChange(i);
    })

    $('.items').mouseleave(function(){
        n = n  + 1;
        n = n % 10;
        interval = setInterval("imgChange(n)",3000);
    })
})

function imgChange(i){
    $('.img-box>img').hide();
    $('.img-box>img').eq(i).show();

    $('.items').removeClass('select');
    $('.items').eq(i).addClass('select');

    n++;
    n=n%10;
}

$(window).scroll(function(){
    var top = $(document).scrollTop();
    if(top >= 100) {
        $('.img-title').hide();
    }else{
        $('.img-title').show();
    }
})